html,
body {
  margin: 0;
  -webkit-overflow-scrolling: touch; //ios页面卡顿
  background: linear-gradient(0deg, #0E1011, #222222)
}

@font-face {
  font-family: "SourceHanSansCN-Regular";
  src: url("./font/SourceHanSansCN-Regular.otf");
  font-weight: normal;
  font-style: normal;
}

body {
  background: linear-gradient(0deg, #0E1011, #222222);
  overflow-y: scroll;
  min-height: 100vh;
  width: 750px;
  font-family: Source Han Sans CN;
  font-weight: 400;
}

.linearbg {
  background: linear-gradient(to right, #34d1f9, #37dc6d);
  font-family: Source Han Sans CN;
}

.button-gray {
  // background: linear-gradient(to right, #8e9090, #0E1011);

  button {
    width: 700px !important;
    background: linear-gradient(to right, #8e9090, #0E1011) !important;

  }
}

.linercolor {
  background: linear-gradient(to right, #34d1f9, #37dc6d);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-family: Source Han Sans CN;
}

#app {
  position: relative;
  font-family: 'SourceHanSansCN-Regular',
    'Source Han Sans CN',
    'PingFang SC',
    'Avenir',
    Helvetica,
    Arial,
    sans-serif;


  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
  line-height: 1;
  z-index: 2;
  max-width: 750px;
  margin: 0 auto;
}

ul,
ol {
  list-style: none;
  padding: 0;
  margin: 0;
}

a {
  color: #333333;
}

p {
  margin: 0;
}

.input {
  input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #999;
  }
}

.nowrap {
  white-space: nowrap;
}

.break-all {
  word-wrap: break-word;
  white-space: normal;
  word-break: break-all;
}

.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.van-field {
  margin-bottom: 30px;
  min-height: 82px;
  background: #282A2C;
  border-radius: 41px;

  &:after {
    border: none;
  }

  .van-field__body {
    .van-field__control {
      color: #ffffff;
    }
  }
}

.van-button {
  &.block_gradual {
    width: 100%;
    height: 92px;
    font-size: 36px;
    font-weight: bold;
    color: #fff;

    background: linear-gradient(to left, #37dc6d 0%, #34d1f9 100%);
    opacity: 0.9;
    border-radius: 46px;
    border: none;
  }
}